<html>

  <head>
    <title>ShipCustomiser Example</title>
    <style type="text/css">
      body, table { background-color: #ddd; font-family: arial, verdana, helvetic; font-size: 8pt; }
      input { background-color: #333; color: #eee; font-weight: bold; }
      h3 { font-size: 12pt; }
      #div_control { text-align: center; border: 1px solid green; margin: 5px; padding: 5px; }
      #div_components { width: 600px; float: left; }
      .input_number { width: 50px; }
      .div_componentTable { width: 190px; float: left; margin: 5px; }
      .table_component { border: 1px solid black; }
    </style>
  </head>

  <body>

    <!-- Include the following <div/> and <script/> tags somewhere in the html body: -->
    <div id="div_shipcustomiser"></div>
    <script src="jquery.js"></script>
    <script src="shipcustomiser.core.js"></script>
    <script src="shipcustomiser.config.js"></script>

    <!--<h3>Debug</h3>-->
    <textarea id="debug" style="display:none;" cols="100" rows="25"></textarea>

  </body>

</html>
